<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酷我音乐</title>
    <link rel="stylesheet" href="../css/kuwo.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>
<body>
    <!-- 头 -->
    <header>
        <div class="left"></div>
        <a href="">下载app</a>
    </header>
    <!-- 搜索 -->
     <div class="search">
        <div class="txt">
            <span class="iconfont icon-sousuo"></span>
            <span>搜索你想听的歌</span>
        </div>
     </div>
     <!-- banner -->
      <div class="banner">
        <ul>
            <li><a href="#"><img src="../img/banner01.jpeg"></a></li>
        </ul>
      </div>
      <!-- 排行榜 -->
       <div class="list">
        <!-- 标题 -->
         <div class="title">
            <h4>酷我排行榜</h4>
            <a href="#">更多<span class="iconfont icon-right"></span></a>
         </div>
         <!-- 内容 -->
          <div class="content">
            <ul>
                <li>
                    <div class="pic"><img src="../img/icon_rank_hot.png"></div>
                    <div class="txt">
                        <a href="#" class="more">酷我热歌榜 <span class="iconfont icon-right"></span></a>
                        <a href="#">1.樱花树下的约定（完整版） -旺仔小乔</a>
                        <a href="#">2.就让这大雨全部落下 - 容祖儿</a>
                        <a href="#">3.缺氧 - 轩姨（相信光）</a>
                    </div>
                </li>
                <li>
                    <div class="pic"><img src="../img/icon_rank_new.png"></div>
                    <div class="txt">
                        <a href="#" class="more">酷我新歌榜<span class="iconfont icon-right"></span></a>
                        <a href="#">1.樱花树下的约定（完整版） - 旺仔小乔</a>
                        <a href="#">2.就让这大雨全都落下 - 容祖儿</a>
                        <a href="#">3.缺氧 - 轩姨（相信光）</a>
                    </div>
                </li>
                <li>
                    <div class="pic"><img src="../img/icon_rank_rise.png"></div>
                    <div class="txt">
                        <a href="#" class="more">酷我新歌榜<span class="iconfont icon-right"></span></a>
                        <a href="#">1.樱花树下的约定（完整版） - 旺仔小乔</a>
                        <a href="#">2.就让这大雨全都落下 - 容祖儿</a>
                        <a href="#">3.缺氧 - 轩姨（相信光）</a>
                    </div>
                </li>
            </ul>
          </div>
       </div>
       <!-- 推荐歌单 -->
        <div class="recommend">
            <!-- 标题 -->
             <div class="title">
                <h4>推荐歌单</h4>
                <a href="#">更多<span class="iconfont icon-right"></span></a>
             </div>
             <!-- 内容 -->
              <div class="content">
                <ul>
                    <li>
                        <div class="pic">
                            <img src="../img/song01.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="../img/song02.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="../img/song03.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="../img/song02.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="../img/song03.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="../img/song01.jpeg">
                            <div class="cover">18.2W</div>
                        </div>
                        <div class="txt">抖音嗨爆DJ!劲爆旋律萦绕双耳</div>
                    </li>
                </ul>
              </div>
        </div>
        <!-- 安装，下载 -->
         <div class="download">
            <img src="../img/logo copy.png">
            <p>安装酷我音乐 发现更多好音乐</p>
            <span class="iconfont icon-right"></span>
         </div>
</body>
</html>